<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="shortcut icon" type="image/x-icon" href="../image/LOGO.ico" media="screen" />
    <title>C K P</title>
    <!-- <link href="css/friendlink.css" rel="stylesheet" type="text/css"> -->
    <link rel="stylesheet" media="screen and (min-width:414px)" href="../css/friendlink.css">
    <link rel="stylesheet" media="screen and (max-width:414px)" href="../css/friendlinkphone.css">
</head>

<body>
    <div>
        <header>
            <div id="daohangdiv">
                <img id="logo" src="../image/LOGO.gif" alt="CKP">
                <div id="daohang">
                    <a href="../index.html">首页</a>
                    <a href="article.html">美文</a>
                    <a href="book.html">图书</a>
                    <a href="wallpaper.html">壁纸</a>
                    <a href="music.html">音乐</a>
                    <a href="video.html">视频</a>
                    <a href="links.html">网址导航</a>
                    <a href="detail.html">关于</a>
                </div>
            </div>

        </header>
        <main>
            <div id="friendlinkleftdiv">
                <h2>友情链接</h2>
                <div>
                    <a href="#"><img src="../image/avatar/a1.jpg" alt="">xiaxia</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a2.jpg" alt="">@改变</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a3.jpg" alt="">青城i</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a4.jpg" alt="">A Y</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a5.jpg" alt="">panpan</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a6.jpg" alt="">神秘Prophet</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a7.jpg" alt="">柒</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a8.jpg" alt="">库珀</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a9.jpg" alt="">null</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a10.jpg" alt="">免打扰</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a11.jpg" alt="">夏天゛</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a12.jpg" alt="">Found404</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a13.jpg" alt="">闲心</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a14.jpg" alt="">凌风顿悟</a>
                </div>
                <div>
                    <a href="#"><img src="../image/avatar/a15.jpg" alt="">ωǒ、不怕輸〃</a>
                </div>
                

        </main>
        <footer>
            <p>&copy;2020-2021 CKP <span><a href="../index.html">返回首页</a></span></p>

        </footer>
</body>

</html>
